@charset "utf-8";
/* CSS Document */
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
img { image-rendering: -webkit-optimize-contrast;}
.container{width:1560px; margin:0 auto}
.container2{width:1600px; margin:0 auto}

.containers{width:96%; margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.headUp {top: -100%;transition: 1s;position: absolute;width: 100%;}
.navfixed {background-color: #fff;box-shadow: 0 -7px 7px 7px #999;position: fixed;z-index: 999;top: 0;}
/*字体引入*/
@font-face {
  font-family: "futura";
  src: url("../font/Futura\ Md\ BT\ Bold.ttf");
}
/* CSS Document */


/* 企业文化 */
.corporate {position: relative;height: 560px;}
.corporate-bj1 {background: url(../images/corporate-bj1.png) no-repeat center;background-size: 70%;  position: absolute; width: 560px;  height: 560px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 6;}
.corporate-bj2 {background: url(../images/corporate-bj2.png) no-repeat center;background-size: 70%;  position: absolute; width: 480px;  height: 480px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 6;}
.corporate-title { width: 300px;  height: 300px; display: flex;justify-content: center; align-items: center;  text-align: center; background-color: rgba(33, 45, 123, 0.8); border-radius: 50%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 6;}
.corporate-title::before {position: absolute; content: "";  border-radius: 50%; animation: corporate-titles  3s infinite; width: 350px;height:350px; background-color: rgba(33, 45, 123, 0.1);}
.corporate-title h3 {font-size: 34px; color: #fff; position: relative;}
.corporate-title h4 {font-size: 16px; color: #fff; position: relative;}
.corporate-list li {display: flex; align-items: center; position: absolute;}
/* .corporate-list li .list-left {margin-top: 35px;} */
.corporate-list li h4 {width: 150px;height: 38px;text-align: center; font-weight: bold; line-height: 38px; background-color: #212d7b; color: #fff;font-size: 18px;border-bottom-left-radius: 10px;border-top-right-radius: 10px;}
.corporate-list li span {font-size: 16px; color: #212d7b; margin-top: 10px; display: block;    white-space: nowrap;}
.corporate-list li img {margin: 0 10px;}
.corporate-list li i {width: 27px; border-radius: 50%;height: 27px; border: 1px solid #212d7b;background-color: #fff; display: block; position: relative;z-index: 7;}
.corporate-list li:nth-child(1) {left: -67%;  top: 13%;}
.corporate-list li:nth-child(2) {left: -66%; top: 40%;}
.corporate-list li:nth-child(2) img {width: 127px; margin: 0 19px;}
.corporate-list li:nth-child(3) { left: -65%; top: 66%;}
.corporate-list li:nth-child(4) {left: 90%;  top: 13%;}
.corporate-list li:nth-child(5) {left: 97%;  top: 40%;}
.corporate-list li:nth-child(5) img {width: 127px;}
.corporate-list li:nth-child(6) {left: 88.5%;  top: 66%;}

/* 企业文化手机端 */
.wap-corporate {position: relative;background-size: cover; padding: 20px 0; display: none;}
.wap-corporate .corporate-bj1 {background: url(../images/corporate-bj1.png) no-repeat center;background-size: 100%;  position: relative; width: 560px;  height: 560px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 6;}
.wap-corporate .corporate-bj2 {background: url(../images/corporate-bj2.png) no-repeat center;background-size: 100%;  position: absolute; width: 480px;  height: 480px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 6;}
.wap-corporate .corporate-title { width: 400px;  height: 400px; display: flex;justify-content: center; align-items: center;  text-align: center; background-color: rgba(33, 45, 123, 0.8); border-radius: 50%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 6;}
.wap-corporate .corporate-title::before {position: absolute; content: "";  border-radius: 50%; animation: corporate-titles  1.5s infinite; width: 500px;height: 500px; background-color: rgba(33, 45, 123, 0.1);}
.wap-corporate .corporate-list li {display: flex; align-items: center;position: initial;     width: 30%;justify-content: center;}
.wap-corporate .corporate-list ul {display: flex; justify-content: center; flex-wrap: wrap;}

@keyframes corporate-titles {
  0% {
      opacity: 1;
      transform: scale(0.8);
  }

  50% {
      opacity: 1;
      transform: scale(1.12);
  }

  100% {
      opacity: 1;
      transform: scale(1.12);
  }
}

@keyframes corporate-titles2 {
  0% {
      opacity: 1;
      transform: scale(0.75);
  }

  50% {
      opacity: 1;
      transform: scale(1);
  }

  100% {
      opacity: 1;
      transform: scale(0.75);
  }
}